.my-grade{
  padding: 0.5rem;
  .item{
    display: flex;
    justify-content: space-between;
    border-bottom:1px solid #ccc;
    padding: 0.5rem 0;
    align-items: center;
    .item-mid{
      display: flex;
      flex-direction: column;
      flex: 1;
    }
    .item-left{
      padding: 0.6rem;
      .icon{
        font-size:1rem;
      }
    }
    .item-right{
      height: 2.5rem;
      width: 2.5rem;
      border-radius:50%;
      font-size:0.7rem;
      border:1px dotted #FF0033;
      color:#FF0033;
      text-align: center;
      line-height: 2.5rem;
    }
  }
}